view,
text,
input,
button {
	box-sizing: border-box;
}
text {
	display: inline-block;
}
page {
	background-color: #f7f8fb;
}
image {
	display: block;
	object-fit: cover;
}
.fix-c {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.fix-c-x {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.fix-c-y {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-center-y {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flex-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
button {
}
button[disabled] {
	background-color: #999999 !important;
	color: #ffffff !important;
	opacity: 1;
}
.button-hover {
}
// button:active {
//   position: relative;
// }
// button:active::after {
//   content: "";
//   position: absolute;
//   top: 50%;
//   left: 50%;
//   width: 0;
//   height: 0;
//   background-color: rgba(0, 0, 0, 0.2);
//   border-radius: 100%;
//   transform: translate(-50%, -50%) scale(0, 0);
//   opacity: 1;
//   transition: all 0.3s ease-out;
// }

// button:active::after {
//   width: 200px;
//   height: 200px;

//   opacity: 0;
//   transform: translate(-50%, -50%) scale(1, 1);
// }

.line-1 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden; //溢出内容隐藏
	text-overflow: ellipsis; //文本溢出部分用省略号表示
	display: -webkit-box; //特别显示模式
	-webkit-line-clamp: 1; //行数
	line-clamp: 1;
	-webkit-box-orient: vertical; //盒子中内容竖直排列
}
.line-2 {
	// display: block;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden; //溢出内容隐藏
	text-overflow: ellipsis; //文本溢出部分用省略号表示
	display: -webkit-box; //特别显示模式
	-webkit-line-clamp: 2; //行数
	line-clamp: 2;
	-webkit-box-orient: vertical; //盒子中内容竖直排列
}
.line-3 {
	// display: block;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden; //溢出内容隐藏
	text-overflow: ellipsis; //文本溢出部分用省略号表示
	display: -webkit-box; //特别显示模式
	-webkit-line-clamp: 3; //行数
	line-clamp: 3;
	-webkit-box-orient: vertical; //盒子中内容竖直排列
}

.clearFix {
	&::after {
		content: '';
		display: block;
		clear: both;
	}
}

.j-active {
	&:active {
		opacity: 0.5;
	}
}
.j-active2 {
	&:active {
		background: rgba(0, 0, 0, 0.1);
	}
}

.bor {
	border: 1rpx solid red;
}
.bob {
	border: 1rpx solid blue;
}
.sc {
	text-decoration: line-through;
	color: #999999 !important;
}

@keyframes shake {
	0% {
		transform: translateX(0);
	}
	25% {
		transform: translateX(-10px);
	}
	50% {
		transform: translateX(10px);
	}
	75% {
		transform: translateX(-10px);
	}
	100% {
		transform: translateX(0);
	}
}
